<!DOCTYPE html>
<html>
<head>
    <title>更多采集东台数据</title>
    {% include 'admin/common/header.html' %}
    <link rel="stylesheet" href="{{ url_for('static', filename='admin/admin/css/other/console1.css') }}"/>

    <!-- 主 题 更 换 -->
    <style id="pearadmin-bg-color"></style>
</head>
<body class="pear-container">
<div>

    <div class="layui-row layui-col-space10">
        <div class="layui-col-md9">
              <div class="layui-card">
<!--                <div class="layui-card-header">采集动态 </div>-->

                <div class="layui-card-body">
                    <dl id="logstream-container" class="layuiadmin-card-status">

                    </dl>
                </div>
            </div>
        </div>

    </div>
</div>
<!--</div>-->
{% include 'admin/common/footer.html' %}
<script>
        // 异常日志 及 采集动态数据渲染
		$.ajax({
		    //请求方式
		    type:'get',
		    //发送请求的地址
		    //我这里的地址是不需要传数据的，所以没有拼接参数
		    url:'/api/dataAnalysis/logstream?limitNum=1000',
		    //服务器返回的数据类型
		    dataType:'json',
		    //请求成功的处理
		    success:function(data){
		        //console.log(data);
		        var group = data.data;
		        //拼接字符串
			    var str = '';
			    //对数据做遍历，拼接到页面显示 #5FB878
		        for(var i=0;i<group.length;i++){
			        str += '<dd><div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"'+
			        	   	'src="/static/admin/admin/images/avatar.jpg"</a></div>'+
			        	   		'<div><p>'+
			        	   			'<a class="pear-text" href="javascript:;">'+ group[i].robot_name +'</a> ： '+ group[i].desc +'</p>'+
			        	   			'<span>'+ group[i].update_at +'</span>'+
			        	   		'</div>'+
			        	   '</div>';
		        }
		        //放入页面的容器显示
		        $('#logstream-container').html(str);
		    },
		    //请求失败的处理
		    error:function(jqXHR){
		        console.log(jqXHR);
		    }
		});
 </script>